{include file="header_zeepin.html"}
  <script>
  $(function(){
		$.extend($.validator.defaults, {
				errorClass: "field_notice",
				validClass: "help-inline",
				errorElement: "span",
				highlight:function(element, errorClass, validClass){
					$(element).closest('.minbox_hd').addClass('minbox_hd_error');
					$(element).parent().next().addClass('error');
				},
				unhighlight: function(element, errorClass, validClass){
					$(element).closest('.minbox_hd').removeClass('minbox_hd_error');
				},
				errorPlacement: function(error, element){
					$(element).parent().next().find('span').html($(error).html()).show();
				},
				success : function(label){
					var obj = $(label).attr('for');
					$('input[name="'+obj+'"]').parent().next().removeClass('orange').find('label').html('OK');
					if(obj=="password_confirm"){
		            	var submit_button = "<input type='image' src='{res file=images}/finish_ov.gif' />";
		            	$("#register_right").children(".right_bg").html(submit_button);
		            }
	        	}
		});

	    $('#register_form').validate({
	    	
	        onkeyup: false,
	        rules : {
	            user_name : {
	                required : true,
	                rangelength: [3,15],
	                remote   : {
	                    url :'index.php?app=member&act=check_user&ajax=1',
	                    type:'get',
	                    data:{
	                        user_name : function(){
	                            return $('#user_name').val();
	                        }
	                    }
	                }
	            },
	            password : {
	                required : true,
	                minlength: 6
	            },
	            password_confirm : {
	                required : true,
	                equalTo  : '#password'
	            },
	            email : {
	                required : true,
	                email    : true
	            },
	            captcha : {
	                required : true,
	                remote   : {
	                    url : 'index.php?app=captcha&act=check_captcha',
	                    type: 'get',
	                    data:{
	                        captcha : function(){
	                            return $('#captcha1').val();
	                        }
	                    }
	                }
	            },
	            agree : {
	                required : true
	            }
	        },
	        messages : {
	            user_name : {
	                required : '{$lang.user_name_required}',
	                rangelength: '{$lang.user_name_limit}',
	                remote   : '{$lang.user_already_taken}'
	            },
	            password  : {
	                required : '{$lang.password_required}',
	                minlength: '{$lang.password_length_limit}'
	            },
	            password_confirm : {
	                required : '{$lang.password_confirm_please}',
	                equalTo  : '{$lang.password_inconsistent}'
	            },
	            email : {
	                required : '{$lang.email_required}',
	                email    : '{$lang.email_invalid}'
	            },
	            captcha : {
	                required : '{$lang.captcha_required}',
	                remote   : '{$lang.captcha_error}'
	            },
	            agree : {
	                required : '{$lang.agree_required}'
	            }
	        },
	    });
	});
  </script>
	<div id="login_box">
		<div id="Reg_now">
			<p class="jieshao">智品网*Zeepin 是一个为创意者量身打造的创意产品在线展示和交易的平台，以创意店铺的
			方式展示设计风格、设计思想、转化创意价值 <strong>如果你还没有账号</strong></p>
			<a href="#" class="btnreg">马上注册</a>
			<div class="other_login">
			<strong>使用第三方平台账号登录</strong>
			<ul>
				<li><a href="#"><img src="{res file=images}/icon03.gif" alt="图片描述" /></a></li>
				<li><a href="#"><img src="{res file=images}/icon02.gif" alt="图片描述" /></a></li>
				<li><a href="#"><img src="{res file=images}/icon01.gif" alt="图片描述" /></a></li>
			</ul>
			</div>
		</div>
		<!-- Reg_now结束 -->

		<div id="login_form">
            <form action="" method="post">
                <p class="inputs">邮箱：<input name="txt" type="text"  class="input"/></p>
                <p class="inputs">密码：<input name="password" type="password"  class="input"/> <a href="#" class="help"><img src="{res file=images}/icon_help.gif" alt="图片描述" /></a></p>
                <span class="Remember"> <span class="checkbox change"></span> 记住密码</span>
                <a href="#" class="btn_login">点击登陆</a>
            </form>
        </div>
		<!-- login_form结束 -->

		<span class="clear"></span>
		<!-- 清除浮动 -->
	</div>
	<!-- login_box结束 -->
    


	<div id="reg_box" >
	  <form name="" id="register_form" method="post" action="">
		<div class="regform">
		<p>{$lang.user_name}:<input name="user_name" id="user_name" type="text" class="input"/><span class="field_notice" id="checking_user">{$lang.can_not_edit}</span></p>
		<p>{$lang.enter_password}:<input name="password" type="password"  class="input "/><span class="field_notice">{$lang.numbers_letters}</span></p>
		<p class="error">{$lang.email}:<input name="txt" type="text"  class="input"/><span class="field_notice">{$lang.can_not_edit}</span></p>
		<p>{$lang.password_confirm}:<input name="password" type="password" class="input"/><span class="field_notice">{$lang.password_confirm_desc}</span></p>
		</div>
        <a href="#" class="next" onclick="$('#register_form').submit();">下一步</a>
	  </form>	
	</div>
	<!-- reg_box结束 -->

	<div id="reg_box2" style="display:none;">
    
		<div class="regform2">
        
                    <p class="inputs">昵称:<input name="txt" type="text"  class="input"/><span>注册后不可更改</span></p>
                    
                    <p class="inputs">兴趣标签:<input name="txt" type="text" class="input" id="biaoqian_name" />
                    <a href="#" class="add_btn" addnr="biaoqian_name" addmb="biaoqian_list">添加标签</a></p>
                    <div class="biaoqian_list" >
                        <strong class="tongji">共<em>0</em>个标签,最多可添加5个</strong>
                        <span class="clear"></span>
                        <ul>
                        </ul>
                    	<span class="clear"></span>
                    </div>
                    
                    
                    <div class="hot_biaoqian">
                    <h4 ><strong>选择热门标签</strong></h4>
                    <ul>
                        <li>手工1<span>+</span> </li>
                        <li> 陶瓷2<span>+</span> </li>
                        <li>毛衣2 <span>+</span> </li>
                        <li>装饰品<span>+</span> </li>
                       <li>手工 <span>+</span> </li>
                        <li> 陶瓷<span>+</span> </li>
                        <li>毛衣 <span>+</span> </li>
                        <li>装饰品<span>+</span> </li>
                        <li>浆果 <span>+</span> </li>
                    </ul>
                     <span class="clear"></span>
                    </div>
                    
        
		</div>
        <!-- .regform2结束 -->
        
        
		<div class="regform3">
                    <p class="inputs">职业:<input name="txt" type="text"  class="input"/><span>字母数字组合</span></p>
                     <dl class="inputs">
                        <dt>地区:<input name="txt" type="text" class="input" /> <img src="{res file=images}/04.gif" /></dt>
                        <dd>
                        	<ul>
                            <li class="change">选项1</li>
                            <li>选项2</li>
                            <li>选项3</li>
                            <li>选项4</li>
                            
                            </ul>
                        
                        </dd>
                    
                    </dl>
                    <div class="dianxuan">
                   		<span class="radio change"></span> <img src="{res file=images}/icon05.gif" alt="图片描述" style="margin-right:90px;" /> <span class="radio"></span> <img src="{res file=images}/icon04.gif" alt="图片描述" />
                    </div>
                    <div class="set_photo">
                    <img src="{res file=images}/photo.gif" alt="图片描述" />
                    <p>头像尺寸：150*150小于1M图片</p>
                    <a href="#"  onclick="showPopWin('photoupload.html',609, 417, null)">设置头像</a>
          </div>
        
        
        
		</div>
        <!-- .regform3结束 -->
        
        
		<div class="next">
            <a href="#" class="Continue">继续开店</a>
            <a href="#" class="perfection">完成，去逛逛</a>
            <a href="#" class="Skip">跳过此步骤</a>
            <a href="#" class="Back">返回上一步</a>
		</div>
	</div>
	<!-- reg_box2结束 -->



<div id="reg_box3"  style=" display:none;">
	<div id="ShopReg_nav">
		<ol>
			<li id="no1" style="z-index:50" class="change"><em>1</em>店铺信息 <span></span></li>
			<li id="no2" style="z-index:40;background:#fbfbf9" ><em>2</em>认证资料 <span></span></li>
			<li id="no3" style="z-index:30" ><em>3</em>完成开铺 <span></span></li>
		</ol>

	</div>
	<!-- ShopReg_nav结束 -->

	<div id="ShopReg_content">
		<h2>店铺基本信息</h2>

		<div id="Registrationstep">
			<div class="step_left">
				<p class="inputs">店铺名称: <input name="txt" type="text" class="input" /> <img src="{res file=images}/03.gif" /><span>注册后不可更改</span></p>
				<p class="inputs">店铺域名: <input name="txt" type="text" class="input" id="www" /><span style="text-align:left;"><em>被抢了:(</em>http://shop.zeepin.com/<strong></strong></span></p>
				<p class="inputs2">店铺介绍:<textarea name="z-g" cols="" rows="" id="text"  onKeyDown="textdown(event)" onKeyUp="textup()" onFocus="if(this.value=='简单介绍一下你店铺的特色吧...'){this.value='';this.style.color='#333';}"  style="font-size:12px;color:#c3c3c3;" onblur="if(this.value==''){this.value='简单介绍一下你店铺的特色吧...';this.style.color='#c3c3c3';}">简单介绍一下你店铺的特色吧...</textarea><span>还可输入<strong id="texttarea_length">140</strong>字</span></p>
				<p class="inputs">店铺标签:<input name="txt" type="text" class="input" id="biaoqian_name2" /><a href="#" class="add_btn" addnr="biaoqian_name2" addmb="biaoqian_list2">添加标签</a><span>添加合适标签，便与店铺的推广</span></p>
			
                    <div class="biaoqian_list biaoqian_list2">
                        <strong class="tongji" style="display:none;">共<em>0</em>个标签</strong>
                        <ul>
                        </ul>
                    <span class="clear"></span>
                    </div>
            
            </div>
			<div class="step_right">
            
                   
                     <dl class="inputs">
                        <dt>店铺分类:<input name="txt" type="text" class="input" /><span>最多可选3个类别</span>  </dt>
                        <dd>
                        	<ul>
                            <li class="change">选项1</li>
                            <li>选项2</li>
                            <li>选项3</li>
                            <li>选项4</li>
                            </ul>
                        </dd>
                    </dl>
                    
                    <div class="biaoqian_list">
                        <ul>
                            <li>手工 <span>X</span> </li>
                            <li>陶瓷<span>X</span> </li>
                            <li>毛衣 <span>X</span> </li>
                        </ul>
                    	<span class="clear"></span>
                    </div>
                    
                    
            
                     <dl class="inputs">
                        <dt>子类别：<input name="txt" type="text" class="input" /> </dt>
                        <dd>
                        	<ul>
                            <li class="change">选项1</li>
                            <li>选项2</li>
                            <li>选项3</li>
                            <li>选项4</li>
                            
                            </ul>
                        
                        </dd>
                    
                    </dl>
            
            
            
			</div>
		</div>
		<!-- Registrationstep结束 -->

		
		<span class="clear"></span>
		<!-- 清除浮动 -->
        
        <a href="#" class="next">下一步</a>
	</div>
	<!-- ShopReg_content结束 -->

</div>
<!-- reg_box3结束 -->



	<div id="reg_box4" style=" display:none;">
            <div id="ShopReg_nav">
                <ol>
                    <li id="no1" style="z-index:50" class="ok"><em>1</em>店铺信息 <span></span></li>
                    <li id="no2" style="z-index:40;"  class="change"><em>2</em>认证资料 <span></span></li>
                    <li id="no3" style="z-index:30" ><em>3</em>完成开铺 <span></span></li>
                </ol>
        
            </div>
            <!-- ShopReg_nav结束 -->
        

		<div id="ShopReg_content">
			<div id="Regstep2">
				<div id="Regstep2_left">
					<p class="inputs">店主姓名:<input name="txt" type="text" class="input" /><span>注册后不可更改</span></p>
					<p class="inputs">联系电话:<input name="txt" type="text" class="input" /><span>您的手机将不会被公开(</span></p>
					<p class="inputs">联系手机:<input name="txt" type="text" class="input" /><span>您的手机将不会被公开</span></p>
					<p class="inputs">身份证号:<input name="txt" type="text" class="input" /><span>您的手机将不会被公开</span></p>
					<div class="upload_pic">
						<div class="jindu"><span>65%</span><p style="width:65%;"></p><strong>上传身份证（正反面）</strong></div>
                        
                        <div class="browse_pic">
                        上传图片显示区
                        
                        </div>
					</div>
                    
                    
                    
				</div>
				<!-- Regstep2_left结束 -->

				<div id="Regstep2_right">
					<div class="Row3">
                        
                        
                         <dl class="inputs">
                            <dt>国家:<input name="txt" type="text" class="input" />  </dt>
                            <dd>
                                <ul>
                                <li class="change">中国</li>
                                <li>美国</li>
                                <li>韩国</li>
                                <li>中国</li>
                                
                                </ul>
                            
                            </dd>
                        
                        </dl>
                         <dl class="inputs">
                            <dt>城市:<input name="txt" type="text" class="input" />  </dt>
                            <dd>
                                <ul>
                                <li class="change">北京</li>
                                <li>广州</li>
                                <li>珠海</li>
                                <li>长沙</li>
                                
                                </ul>
                            
                            </dd>
                        
                        </dl>
                         <dl class="inputs">
                            <dt>区域:<input name="txt" type="text" class="input" />  </dt>
                            <dd>
                                <ul>
                                <li class="change">岳阳县</li>
                                <li>岳阳县2</li>
                                <li>岳阳县3</li>
                                <li>岳阳县4</li>
                                
                                </ul>
                            
                            </dd>
                        
                        </dl>
                        <span class="clear"></span>
					</div>
					<p class="inputs">具体地址:<input name="txt" type="text"  class="input"/></p>
					<p class="inputs">邮政编码:<input name="txt" type="text"  class="input"/></p>
                    <p class="xieyi"><span class="checkbox"></span>我已经同意《zeepin开店协议》</p>
					<a href="#" class="over">完成开铺</a>
					<a href="#" class="Back">返回上一步</a>
				</div>
				<!-- Regstep2_right结束 -->

				<span class="clear"></span>
				<!-- 清除浮动 -->
			</div>
			<!-- Regstep2结束 -->

		</div>
		<!-- ShopReg_content结束 -->

	</div>
	<!-- reg_box4结束 -->




    <div id="login"><div class="center"><a href="#" class="btn_login">登录</a></div></div>
    <!-- login结束 -->




<div id="main">
    <div id="header">
		<div id="logo">
			<a href="#" ><img src="{res file=images}/logo.gif" alt="图片描述" /></a>
	  </div>
		<!-- logo结束 -->

		<div id="search">
			<form action="" method="post">
			<input name="txt" type="text" class="input"   value="定制你的生活" onFocus="if(this.value=='定制你的生活'){this.value='';this.style.color='#333';}"  style="color:#c3c3c3;" onblur="if(this.value==''){this.value='定制你的生活';this.style.color='#c3c3c3';}"/><input name="" type="image" src="{res file=images}/btn_search.jpg" alt="搜索" class="btn"/>
			</form>
		</div>
		<!-- search结束 -->


	</div>
	<!-- header结束 -->

	<div id="banner">
		<div class="pic_box">
			<a href="#" ><img src="{res file=images}/banner.jpg" alt="图片描述" /></a>
	  	</div>
        
		<div class="pic_box" style="display:none;">
			<a href="#" ><img src="{res file=images}/banner.jpg" alt="图片描述" /></a>
	  	</div>
        
		<div class="pic_box" style="display:none;">
			<a href="#" ><img src="{res file=images}/banner.jpg" alt="图片描述" /></a>
	  	</div>
        
		<div class="pic_box" style="display:none;">
			<a href="#" ><img src="{res file=images}/banner.jpg" alt="图片描述" /></a>
	  	</div>
        
		<div class="pic_box" style="display:none;">
			<a href="#" ><img src="{res file=images}/banner.jpg" alt="图片描述" /></a>
	  	</div>
        
        
		<ul id="box_nav">
			<li class="change"></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>

	</div>
	<!-- banner结束 -->
	<div id="footer_nav">
	  <ul>
	    <li><a href="#"><img src="{res file=images}/01.jpg" alt="图片描述" /><strong id="txt01">随便逛逛discovery</strong></a></li>
	    <li><a href="#"><img src="{res file=images}/02.jpg" alt="图片描述" /><strong id="txt02">我要开店open a shop</strong></a></li>
	    <li><a href="#"><img src="{res file=images}/03.jpg" alt="图片描述" /><strong id="txt03">马上注册register</strong></a></li>
      </ul>
  </div>
	<!-- footer_nav结束 -->

</div>
<!-- main结束 -->



</div>
</body>
</html>
